
body,ul{margin:0}
*{-webkit-tap-highlight-color:rgba(0,0,0,0)}
.page-account{color:#fff;padding-top:20%}
.page-account .title-logo{text-align:center}
.page-account .form-input{margin-top:8%;padding:0 10%}
.page-account .form-input li{margin-bottom:14px;display:-webkit-box;display:-ms-flexbox;display:flex;font-size:14px;line-height:46px;position:relative}
.page-account .form-input li input{border:0;-webkit-appearance:none;display:block;padding:13px 0 13px 26px;font-size:14px;color:#fff;line-height:20px;width:0;-webkit-box-flex:1;-ms-flex:1;flex:1;background:transparent;outline:none}
.page-account .form-input ::-webkit-input-palceholder{color:rgba(255,255,255,.36)}
.page-account .form-input .phone i{color:#fff}
.page-account .form-input li i,.page-account .form-input li .disable{white-space:nowrap;font-style:normal;font-weight:700;color:#b4b4b4;display:block}
.page-account .form-input li:after{content:"";position:absolute;width:100%;height:1px;left:0;bottom:0;border-bottom:1px solid rgba(255,255,255,.46);-webkit-transform:scaleY(.5);transform:scaleY(.5);-webkit-transform-origin:bottom;transform-origin:bottom}
.page-account .btn-submit{margin:35px 10% 10px;font-size:16px;font-weight:700;color:#222;line-height:45px;text-align:center;background:rgba(255,255,255,.8)}
.page-account .tips-agreement{margin-top:15px;text-align:center;font-size:10px;color:rgba(255,255,255,.8)}
.page-account .tips-agreement a{color:rgba(255,255,255,.8);text-decoration:none;border-bottom:1px solid}
.page-account .tab-login{margin:25px 0 10px;font-size:14px;color:#fff;font-weight:700;text-align:center}
.page-account .tab-register{margin:25px 10% 10px;font-size:14px;color:#fff;font-weight:700;text-align:right}
.tab-way-login{margin-top:18%;font-size:14px;font-weight:500;color:#b4b4b4;text-align:center}
.tab-way-login .current{font-weight:700;color:#fff}
.tab-way-login>span{display:inline-block;margin:0 15px;line-height:26px;position:relative}
.tab-way-login>span:first-child:after{content:"";position:absolute;top:5px;right:-16px;height:16px;width:1px;border-right:1px solid #fff}
.page-account [class^="icon-"]{padding-left:16px;position:relative}
.page-account .form-input li:before,.page-account .form-input [class^="icon-"]:before{content:"";position:absolute;left:0;top:13px;width:18px;height:20px;background:url(../img/account_x.png) no-repeat left top;background-size:18px}
.page-account .form-input .phone:before{background-position:0 0}
.page-account .form-input .vercode:before{background-position:0 -20px}
.page-account .form-input .password:before{background-position:0 -40px}
.page-account .form-input .invitecode:before{background-position:0 -60px}
.page-account .form-input .vermsg:before{background-position:0 -160px}
.page-account .form-input .icon-phone:before{background-position:0 -80px}
.page-account .form-input .icon-eye:before{background-position:0 -100px}
.page-account .form-input input[type="password"]+.icon-eye:before{background-position:0 -120px}
.page-account .form-input .icon-tips{padding:0 16px 0 0}
.page-account .form-input .icon-tips:before{width:13px;left:auto;right:0;background-position:0 -140px}
.pop-box-verify{padding:10px 15px;text-align:left}
.pop-box-verify .img{margin:10px 0;overflow:hidden}
.pop-box-verify .img img{float:left;height:40px;width:auto}
.pop-box-verify .img label{float:right;padding:0 20px;line-height:38px;white-space:nowrap;border:1px solid #999;font-size:15px;text-align:center;-webkit-border-radius:3px;border-radius:3px}
.pop-box-verify .input{width:100%;padding:10px 15px;background-color:#efefef;-webkit-border-radius:3px;border-radius:3px;border:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
#CssGaga{content:"160509175933,zho,334"}
/* 閬僵 榛戣壊鍗婇�忔槑 */
.bg-dialog{
  position: absolute;
  left: 0;
  top: 0;
  bottom:0;
  width: 100%;
  background: rgba(0,0,0,.5);
}
/* 閬僵 鍏ㄩ�忔槑 */
.bg-dialog-none{
  position: absolute;
  left: 0;
  top: 0;
  bottom:0;
  width: 100%;
  background: rgba(0,0,0,0);
}

/* 鐧借壊寮规 pop-box*/
.J-pop-box{
  position: fixed;
  left: 50%;
  top: 50%;
  color:#333;
  -webkit-transform:translate(-50%,-50%);
  -moz-transform:translate(-50%,-50%);
  transform:translate(-50%,-50%);
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background-color:#fff;
}
.J-pop-box-t{
    position: fixed;
    left: 50%;
    top: 0;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    transform:translateX(-50%);
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    background-color:#fff;
}
.J-pop-box-wx{
    position: fixed;
    left: 50%;
    top: 40px;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    transform:translateX(-50%);
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    background-color:#fff;
}
.J-pop-hd{
  height: 43px;
  padding:0 15px;
  font-size: 16px;
  text-align: left;
  line-height: 43px;
  border-bottom: 1px solid #ebebeb;
  position: relative;
}
.J-pop-hd h2{
  font-size: 16px;
}
.J-pop-close{
  position: absolute;
  top:0;
  right: 0;
  width:80px;
  height: 80px;
  font-size: 24px;
  color: transparent;
  line-height: 40px;
  text-align:center;
  -webkit-transform: scale(.5);
  transform: scale(.5);
  -webkit-transform-origin: right top;
  transform-origin: right top;
}
.J-pop-close:after,.J-pop-close:before{
  content: "";
  width: 50%;
  height: 1px;
  position: absolute;
  top:50%;
  left:50%;
  margin-left:-25%;
  background: #999;
}
.J-pop-close:before{
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.J-pop-close:after{
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.J-pop-bd{
  padding:10px 15px;
  text-align: center;
}
.J-pop-bd-l{
    padding:10px 15px;
    text-align: left;
}
.J-pop-button{
  font-size: 16px;
  line-height: 43px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  position: relative;
}
.J-pop-button:before{
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  border-top: 1px solid #ebebeb;
  -webkit-transform: scaleY(.5);
  transform: scaleY(.5);
  -webkit-transform-origin: top;
  transform-origin: top;
}
.J-pop-button>span{
  display: block;
  -webkit-box-flex:1;
            -ms-flex:1;
                flex:1;
  width: 0;
  text-align: center;
  color:#0079FF;
  position: relative;
}
.J-pop-button>span:not(:first-child):before{
  content: "";
  position: absolute;
  left: 0;
  top:0;
  width: 1px;
  height: 100%;
  border-left: 1px solid #ebebeb;
  -webkit-transform: scaleX(.5);
  transform: scaleX(.5);
  -webkit-transform-origin: left;
  transform-origin: left;
}
/*閫忔槑寮规*/
.J-pop-box-transparent{
    background: rgba(0,0,0,0);
    text-align: center;
}
/*榛戣壊寮规*/
.J-pop-box-b{
  background: rgba(0,0,0,.7);
  color: #fff;
}
